<template>
  <div id="app">
    <button @click="list.unshift(Date.now())">添加</button>
    <ul>
      <li
        v-for="(item) in list"
        :key="item"
      >
        <input
          type="checkbox"
          name=""
          id=""
        >
        {{item}}
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  name: "App",
  data() {
    return {
      list: ["月", "薪", "过", "万"],
    };
  },
};
</script>

<style>
.active {
  color: red;
}
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 60px;
}
</style>
